<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>css教学</title>
		<style>
			/* 引入样式表写法 */
	       @import url(css/学习CSS3.css);/* 缺陷：先html后css */
			/* p{}抓取页面中所有p元素来进行效果操作    p————选择器 */
			p{
				background-color: aqua;
			}
			
		</style>
		
		<!--  外部样式表  找到外部css文件
		link元素(可写多个)       href="相对路径+xxx.css"
		-->
		<li nk rel="stylesheet" href="css/学习CSS3.css" />
	</head>
	
	<body>
		<!-- 一.什么是CSS
		               层叠样式表，级联样式表，简洁样式表
		   【主要作用：效果，布局】
		    使用：HTML5+CSS构建网页
			HTML5结构层中元素中属性与属性值也可以做效果
			问题：只针对单个元素添加效果
			CSS样式层元素中属性与属性值
			解决html中属性与属性值针对单个元素操作的问题
		 -->
		
		
		<!-- 使用CSS样式表(4种) 
		【不用】1.内联(级联)样式表：任意元素的强标记上添加style属性="属性:属性值;"
		【练习用】2.内部样式表:在head元素中添加style元素，编写css基本语法
		【项目用】3.外部样式表：在head元素中添加link外链元素
		【不用】4.引入样式表：css2语法在head元素中添加style元素,添加@inport url();
		
		-->
		
		<!-- 内联样式表语法：style="css属性：css属性值;style="css属性：css属性值;" -->
		<p style="text-align: center; color: red;" >lorem</p>
		
	
		
		<!-- 三.CSS3基础语法
		 选择器：抓取页面元素    
		   选择器{
			 属性：属性值;
			 属性：属性值;
			 .......
		 }
		 选择器：抓取页面元素
		 属性： 属性值;抓到元素的效果和布局
		 效果和布局：边框，颜色，文本颜色，盒模型，浮动，动画..........
		 
		 
		
		 
		 -->
		
		
		<span>今天</span>是周一
		
	</body>
</html>